<template>
  <div class="jifen">
    <p>生命周期console</p>
    <img src="../../../static/imgs/vue生命周期.png" alt="">
  </div>
</template>

<script>
import { mapState } from "vuex";
export default {
  name: "one",
  data() {
    return {
      arr: [1, 2, 3]
    };
  },
  computed: {
    ...mapState({
      isShow: "showTabbar"
    })
  },
  mounted() {
    this.$store.state.showTabbar = false;
  },

  destroyed() {
    this.$store.state.showTabbar = true;
  }
};
</script>

<style scoped lang="less">
.jifen {
  img {
    width: 100%;
  }
}
</style>

